<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>聚美优品的登录</title>
    <link rel="stylesheet" href="../css/登录.css">
    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../js/axios.min.js"></script>
</head>

<body>
    <div class="big_border">
        <div class="border">
            <!-- 头部 -->
            <div class="top_border">
                <img src="../img/注册和登录的图片/logo_new_v1.jpg">

                <div class="top_right_border">
                    <div class="outer">
                        <div>
                            <i></i>
                        </div>
                        <div>
                            <i></i>
                        </div>
                        <div>
                            <i></i>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 中间 -->
            <div class="center_border">
                <div class="left_img">
                    <!-- <img src="../img/注册和登录的图片/loginPic.jpg" class="photes"> -->
                </div>

                <div class="right_border">
                    <div class="one">
                        <span>登录聚美</span>
                        <!-- <span>30秒注册</span> -->
                        <span>还没有聚美账号?</span>
                        <a href="./首页注册.html" class="sign">30秒注册</a>
                    </div>
                    <!-- <div class="two">
                        <input type="radio" class="input"> <span class="span1">手机动态密码登录</span>
                        <input type="radio" class="input2"> <span class="span2">普通登录</span>
                    </div> -->

                    <div class="three aa">
                        <input type="text" class="input3" placeholder="已验证手机/邮箱/用户名">
                        <div>
                            <i></i>
                        </div>
                    
                    <!-- <div class="three">
                        <input type="text" class="input3" placeholder="已验证手机/邮箱/用户名" >

                        <div>
                            <i></i>
                        </div> -->
                    </div>
                    <p style=" width: 375px; margin-left: 15px; display: none;" id="threeP">请输入登录名，登录名可能是您的手机号、邮箱或用户名</p>
                    <div class="four aa">
                        <input type="text" class="input4" placeholder="密码">
                        <div>
                            <i></i>
                        </div>
                    </div>
                    <div class="five">
                        <input type="checkbox" class="input5"><span class="span_one">自动登录</span>
                        <span class="span_two"><a href="###">忘记密码？</a></span>
                    </div>
                   <!-- <div class="five">
                       <input type="checkbox" class="input5" ><span class="span_one">自动登录</span>
                       <span class="span_two"><a href="###">忘记密码？</a></span>
                   </div> -->

                    <input type="submit" value="登录" class="six">

                    <div class="seven">
                        <p>你也可以使用一下账号登录</p>
                        <div class="inner">
                            <div>
                                <i></i>
                            </div>
                            <div>
                                <i></i>z
                            </div>
                            <div>
                                <i></i>
                            </div>
                            <div>
                                <i></i>
                            </div>
                            <div>
                                <i></i>
                            </div>
                            <div>
                                <i></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 尾部 -->
            <footer class="footer">
                <div class="foot_center">
                    <div class="foot_p">
                        <p>Copyright © 2010-2015 北京科新信息技术有限公司 Jumei.com 保留一切权利。</p>
                        <p>京公网安备 11010102001226 号 | 京ICP证111033号 | 食品流通许可证 SP1101051110165515（1-1） | 营业执</p>
                    </div>
                    <div class="foot_img">
                        <div>
                            <i></i>
                        </div>
                        <div>
                            <i></i>
                        </div>
                        <div>
                            <i></i>
                        </div>
                        <div>
                            <i></i>
                        </div>
                        <div>
                            <i></i>
                        </div>
                    </div>
                </div>
            </footer>
        </div>
    </div>
    <script src="../js/登陆.js"></script>
    <script>
        $(".aa").click(function() {

            $(this).css("border", "1px solid red");
        })

        $(".aa").mouseout(function() {
            $(this).css("border", "1px solid #ccc");
        })
    </script>
</body>

</html>